<style type="text/css">
.tags_multiselect .ms-list {
	height: 260px;
}
</style>
<h3 class="page-title">线路管理</h3>
<div class="tabbable-custom">
    <div class="portlet">
        <div class="portlet-title">
            <button class="btn btn-success title-action" ng-click="lineGrid.syncLines();"
                    tabindex="0">
                <i class="fa fa-refresh"></i> 刷新线路
            </button>
            <a href="javascript:void(0);" class="title-operation search-expand">筛选</a>
            <div class="title-search-box">
                <input type="text" placeholder="请输入线路名称" class="search-field"
                       style="width: 180px;" maxlength="100" ng-model="lineGrid.query.lineName">
                <a class="fa fa-search" ng-click="lineGrid.query()"></a>
            </div>
        </div>
        <div class="portlet-search-body" style="display: none;">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-bus"></i>
                            <input class="form-control" placeholder="线路名称" ng-model="lineGrid.query.lineName">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-4">
                        <div class="input-icon">
                            <i class="fa fa-bus"></i>
                            <select class="form-control" name="mediaLevel" ng-model="lineGrid.query.mediaLevel"
                                    style="width: 200px;color: #b3b3b3;"
                                    ng-options="opt.value as opt.name for opt in options.RESOURCE_LEVEL">
                                <option value="">-- 媒体级别 --</option>
                            </select>
                        </div>
                    </div>
                </div>
                <button class="btn btn-primary" ng-click="lineGrid.query()"><i class="fa fa-search"></i> 搜索</button>
            </form>
        </div>
        <div class="portlet-body" style="width: 100%">
            <table ed-grid="lineGrid" class="table table-striped table-bordered table-hover dataTable"
                   ed-url="media/line/query.do" ed-model="line" style="width: 100%">
                <thead>
                <tr>
                	<th ed-data="_index"></th>
                    <th ed-data="lineName" style="width:30%;">线路名称</th>
                    <th ed-data="deptName" style="width:30%;">所属部门</th>
                    <th ed-data="vehCount" style="width:20%;">配车数</th>
                    <th ed-data="mediaLevel | code : 'RESOURCE_LEVEL'" style="width:10%;">媒体级别</th>
                    <th style="width:200px;">操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>

<div ed-modal="lineEditModal" data-options="width:'900px',title: '线路信息编辑', static:true,icon: 'fa-bus'">
    <div class="form" style="overflow: auto;height: 520px;">
            <form action="#" class="form-horizontal form-row-seperated w5c-form" w5c-form-validate novalidate name="lineEditForm">
                <div class="form-body">
                	<div class="row">
                        <div class="col-md-12">
	                        <div class="form-group">
		                        <label class="col-md-2 control-label">线路名称</label>
		                        <div class="col-md-4">
		                        	<p class='form-control-static'>{{lineEditModal.mediaLine.lineName}}</p>
		                        </div>
		                        <label class="col-md-2 control-label">所属部门</label>
		                        <div class="col-md-4">
		                        	<p class='form-control-static'>{{lineEditModal.mediaLine.deptName}}</p>
		                        </div>
		                    </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
	                        <div class="form-group">
		                        <label class="col-md-2 control-label">配&nbsp;车&nbsp;数</label>
		                        <div class="col-md-4">
		                        	<p class='form-control-static'>{{lineEditModal.mediaLine.vehCount}}</p>
		                        </div>
		                    </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
	                        <div class="form-group">
		                        <label class="col-md-2 control-label">媒体级别</label>
		                        <div class="col-md-4">
		                        	<select class="form-control" name="mediaLevel" ng-model="lineEditModal.mediaLine.mediaLevel"  ng-options="opt.value as opt.name for opt in options.RESOURCE_LEVEL">
		                            </select>
		                        </div>
		                    </div>
                        </div>
                    </div>
                    <div class="row">
                       		<div class="col-md-12">
                        		<div class="form-group">
                                	<label class="col-md-2 control-label">环境标签</label>
	                                <div class="col-md-10">
	                                	<select multiple="multiple" ng-model="lineEditModal.mediaLine.mediaMarks" class="multi-select" id="mediaLineMark_multiSelect">
		                                    <optgroup ng-repeat="mark in marks" label="{{mark.markName}}">
		                                        <option ng-repeat="child in mark.children" value="{{child.markId}}"> {{child.markName}}
		                                        </option>
		                                    </optgroup>
		                                </select>
	                                </div>
                            	</div>
                       		</div>
                    </div>
                </div>
            </form>
    </div>
</div>





